<template>
  <wc-swiper class="swiper" v-if="imgList.length">
    <wc-slide v-for="(item, index) in  imgList">
      <div @click="jumpdetail(item.id,item.status)">
        <img :src="item.bannerpic"/>
      </div>
    </wc-slide>
  </wc-swiper>
</template>

<script>
  export default {
    name: "swiper",
    data() {
      return {}
    },
    props: {
      imgList: {
        Type: Object,
        default: () => []
      }
    },
    methods: {
      jumpdetail(id,status) {
        this.$emit('jump', id,status);
      },
    }
  }
</script>

<style scoped lang="less">
  .swiper {
    height: 160px;
    width: 100%;
    img {
      width: 100%;
      height: 100%;
    }
  }
</style>
